// src/main.js
import { createApp } from 'vue';
import { createPinia } from 'pinia'; // 1. 导入 createPinia
import './style.css';
import App from './App.vue';
import router from './router'; // <--- 1. 导入路由

// --- 引入 Element Plus ---
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'; // 引入样式文件
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

const app = createApp(App);

// 1. 先创建 Pinia 实例
const pinia = createPinia();

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
}

// 2. 先 use Pinia 实例
app.use(pinia);

app.use(router); // <--- 2. 使用路由
app.use(ElementPlus); // <--- 使用 Element Plus

app.mount('#app');